<div style="padding-top:4px;">
	<div style="float:left;padding:8px" >
		共有<strong> ${data.total} </strong>条记录,
		每页显示 
		<select name="size" style="height:22px;" onchange="changePageSize();">
	    		<option value="5" <#if data.size==5>selected</#if>>5</option>
	    		<option value="10" <#if data.size==10>selected</#if>>10</option>
	    		<option value="15" <#if data.size==15>selected</#if>>15</option>
	    		<option value="20" <#if data.size==20>selected</#if>>20</option>
	    		<option value="25" <#if data.size==25>selected</#if>>25</option>
		</select> 条
		<#assign begin=1>
		<#assign end=data.pages >
		<#if data.pages gt 5>
			<#assign begin=data.pages-2 >
			<#if data.pages == data.pages>
				<#assign begin=data.pages-4 >
			</#if>
			<#if data.pages+1 == data.pages>
				<#assign begin=data.pages-3 >
			</#if>
		</#if>
		<#if data.pages+4 lt data.pages>
			<#if data.pages lt 3>
				<#if data.pages ==1>
					<#assign end=data.pages+4 >
				</#if>
				<#if data.pages == 2>
					<#assign end=data.pages+3 >
				</#if>
			<#else>
				<#assign end=data.pages+2 >
				<#if data.pages ==4>
					<#assign begin=data.pages-2 >
				</#if>
				<#if data.pages ==5>
					<#assign begin=data.pages-2 >
				</#if>
			</#if>
		</#if>
		<#if data.pages+4 == data.pages>
			<#assign end=data.pages+2 >
		</#if>
		<#if data.pages+3 == data.pages>
			<#assign end=data.pages+2 >
		</#if>
	</div>
	<div style="float:right;<#if data.total==0>display:none;</#if>">
		<ul class="pager" style="margin:0px;text-align:right;">
			<li class="previous <#if data.pages==1>disabled</#if>"><a href="javascript:<#if data.pages==1>void(0)<#else>first()</#if>;">首&nbsp;&nbsp;页</a></li>
			<#if begin gt 1><li><a href="javascript:void(0);">...</a></li></#if>
			<#list begin..end as x>
				<li <#if x==data.pages>class="active"</#if>><a href="javascript:pages(${x});">${x}</a></li>
			</#list>
			<#if end != data.pages><li ><a href="javascript:void(0);">...</a></li></#if>
			<li class="next <#if data.pages==data.pages>disabled</#if>"><a href="javascript:<#if data.pages==data.pages>void(0)<#else>last()</#if>;">末&nbsp;&nbsp;页</a></li>
		</ul>
	</div>
	
	<input type="hidden" id="pages" name="pages" value="${data.pages}"/>
	<input type="hidden" id="orderByField" name="orderByField" value="${data.orderByField!''}"/>
	<input type="hidden" id="sortOrder" name="sortOrder" value=""/>
</div>
<script>
	function changePageSize(){
		$('form')[0].submit();
	}
	function pages(i){
		$("#pages").val(i);
		$('form')[0].submit();
	}
	function next(){
		$("#pages").val('${data.pages+1}');
		$('form')[0].submit();
	}
	function last(){
		$("#pages").val('${data.pages}');
		$('form')[0].submit();
	}
	function first(){
		$("#pages").val('1');
		$('form')[0].submit();
	}
	function pre(){
		$("#pages").val('${data.pages-1}');
		$('form')[0].submit();
	}
</script>